import { Fragment } from 'react';
import { Rect } from 'react-content-loader/native';

type SvgProps = {
  svgWidth: number;
}

function More(props: SvgProps) {
  const { svgWidth } = props;
  const items = Array.from({ length: 3 });
  return (
    <Fragment>
      {items.map((_, i) => {
        return (
          <Rect
            rx="2"
            ry="2"
            key={i}
            height={4}
            width={4}
            y={7 + (i * 6.5)}
            x={svgWidth - 4}
          />
        );
      })}
    </Fragment>
  );
}

export default More;